<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{fragment/headFragment :: head}"></div>
<body class="cbp-spmenu-push">
	<div class="main-content">


		<div th:replace="~{fragment/header2 :: header2}"></div>

		<div id="page-wrapper" style="margin: 0;">
			<div class="main-page signup-page">
				<a href="/"><h3 class="title1"><< SignUp Here</h3></a>
				<div class="sign-up-row widget-shadow">
					<form action="/customerService/signup" method="post">
					<h5>Personal Information :</h5>
					<div class="sign-u">
						<div class="sign-up1">
							<h4>邮箱* :</h4>
						</div>
						<div class="sign-up2">
							<input type="text" name="email" required>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="sign-u">
						<div class="sign-up1">
							<h4>联系电话* :</h4>
						</div>
						<div class="sign-up2">
							<input type="text" name="customerservicephone" required>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="sign-u">
						<div class="sign-up1">
							<h4>昵称* :</h4>
						</div>
						<div class="sign-up2">
							<input type="text" name="nickname" required>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="sign-u">
						<div class="sign-up1">
							<h4>姓名* :</h4>
						</div>
						<div class="sign-up2">
							<input type="text" name="realname" required>
						</div>
						<div class="clearfix"> </div>
					</div>
					<h6>Login Information :</h6>
					<div class="sign-u">
						<div class="sign-up1">
							<h4>密码* :</h4>
						</div>
						<div class="sign-up2">
							<input type="password" name="password" id="pw1" required>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="sign-u">
						<div class="sign-up1">
							<h4>确认密码* :</h4>
						</div>
						<div class="sign-up2">
							<input type="password" id="pw2" onkeyup="validate()" required>
							<span id="tishi"></span>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="sub_home">
							<input type="submit" value="注册" id="submit">
						<div class="clearfix"> </div>
					</div>
					</form>
					<script>
						function validate() {
							var pw1 = document.getElementById("pw1").value;
							var pw2 = document.getElementById("pw2").value;
							if(pw1 == pw2) {
								document.getElementById("tishi").innerHTML="<font color='green'>两次密码相同</font>";
								document.getElementById("submit").disabled = false;
							}
							else {
								document.getElementById("tishi").innerHTML="<font color='red'>两次密码不相同</font>";
								document.getElementById("submit").disabled = true;
							}
						}
					</script>
				</div>
			</div>
		</div>
	</div>
	<!-- Classie -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.js"> </script>
</body>
</html>